你們好!今天是鐵人賽的第四天,要帶給大家的是在Bootstrap 5裡基本的布局元素,在特定區塊、網格內將物件進行包裹不讓其跑出容器外,是使我們方便進行排版的方式之一。
| 容器指令 | 說明 |
|---|---|
| container | 每個斷點都會設置max-width |
| container-fluid | 斷點大小是width:100% |
| container-{breakpoint} | 在未指定斷點大小前width:100% |
| 預設的container範例 |
|---|
![]() |
| 流體container範例 |
|---|
![]() |
| 容器占比表示 |
|---|
![]() |
第四天的鐵人賽就先到這邊結束囉!再來朝著第五天努力前進吧!不斷片挑戰第四天圓滿結束!拍手~拍手~